<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org/">


<header id="header1" class="header header-style1" th:fragment="header1">
    <div class="header-top clearfix">
        <div class="container">
            <div class="rows">
                <!-- SIDEBAR TOP MENU -->
                <div class="pull-left top1">
                    <div class="widget text-2 widget_text pull-left">
                        <div class="widget-inner">
                            <div class="textwidget">
                                <div class="call-us"><span>Call Us Now: </span>0123-444-666654123</div>
                            </div>
                        </div>
                    </div>

                    <div class="widget text-3 widget_text pull-left">
                        <div class="widget-inner">
                            <div class="textwidget">
                                <div id="lang_sel">
                                    <ul class="nav">
                                        <li>
                                            <a class="lang_sel_sel icl-en">
                                                <img class="iclflag" title="English" alt="en" src="images/icons/en.png"
                                                     width="18" height="12"/> English
                                            </a>
                                            <ul>
                                                <li class="icl-en">
                                                    <a href="#">
                                                        <img class="iclflag" title="English" alt="en"
                                                             src="images/icons/en.png" width="18" height="12"/> English
                                                    </a>
                                                </li>

                                                <li class="icl-ar">
                                                    <a href="#">
                                                        <img class="iclflag" title="Arabic" alt="ar"
                                                             src="images/icons/ar.png" width="18" height="12"/> Arabic
                                                    </a>
                                                </li>
                                            </ul>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="widget woocommerce_currency_converter-2 widget_currency_converter pull-left">
                        <div class="widget-inner">
                            <form method="post" class="currency_converter" action="">
                                <ul class="currency_w">
                                    <li>
                                        <a href="#" class="">USD</a>
                                        <ul class="currency_switcher">
                                            <li><a href="#" class="reset default active" data-currencycode="USD">USD</a>
                                            </li>
                                            <li><a href="#" class="" data-currencycode="EUR">EUR</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </form>
                        </div>
                    </div>
                </div>

                <div class="wrap-myacc pull-right">
                    <div class="sidebar-account pull-left">
                        <div class="account-title">My account</div>

                        <div id="my-account" class="my-account">
                            <div class="widget-1 widget-first widget nav_menu-4 widget_nav_menu">
                                <div class="widget-inner">
                                    <ul id="menu-my-account" class="menu">
                                        <li class="menu-my-account">
                                            <a class="item-link" href="my_account.html" th:href="@{my_account}">
                                                <span class="menu-title">My Account</span>
                                            </a>
                                        </li>

                                        <li class="menu-cart">
                                            <a class="item-link" th:href="@{/showCart(userId=${session.user}?${session.user.userId}:pleaseLogin)}">
                                                <span class="menu-title">Cart</span>
                                            </a>
                                        </li>

                                        <li class="menu-checkout">
                                            <a class="item-link" href="/toCheckout">
                                                <span class="menu-title">Checkout</span>
                                            </a>
                                        </li>

                                        <li class="menu-wishlist">
                                            <a class="item-link" href="#">
                                                <span class="menu-title">Wishlist</span>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>

                            <div class="widget-2 widget-last widget sw_top-4 sw_top">
                                <div class="widget-inner">
                                    <div class="top-login">
                                        <div class="div-logined">
                                            <ul>
                                                <li>
                                                    <a href="/toLogout">
                                                        <span>Logout</span>
                                                    </a>
                                                    <span class="wg">Welcome Guest</span>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="pull-left top2">
                        <div class="widget-1 widget-first widget nav_menu-2 widget_nav_menu">
                            <div class="widget-inner">
                                <ul id="menu-checkout" class="menu">
                                    <li class="menu-checkout">
                                        <a class="item-link" href="/toCheckout">
                                            <span class="menu-title">Checkout</span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="header-mid clearfix">
        <div class="container">
            <div class="rows">
                <!-- LOGO -->
                <div class="etrostore-logo pull-left">
                    <a href="#">
                        <img src="images/icons/logo-orange.png" alt="Shoopy">
                    </a>
                </div>

                <div class="mid-header pull-right">
                    <div class="widget-1 widget-first widget sw_top-2 sw_top">
                        <div class="widget-inner">
                            <div class="top-form top-search">
                                <div class="topsearch-entry">
                                    <form method="get" th:action="@{/index/search}">
                                        <div>
                                            <input type="text" value="" name="keywords" placeholder="Enter your keyword...">
                                            <div class="cat-wrapper">
                                                <label class="label-search">
                                                    <select name="search_category" class="s1_option">
                                                        <option value="">All Categories</option>
                                                        <option value="8">Computers & Laptops</option>
                                                        <option value="13">Computers & Networking</option>
                                                        <option value="14">Smartphones & Tablet</option>
                                                        <option value="15">Home Furniture</option>
                                                        <option value="16">Home Appliances</option>
                                                        <option value="17">Electronic Component</option>
                                                        <option value="18">Household Goods</option>
                                                        <option value="32">Appliances</option>
                                                        <option value="49">Accessories</option>
                                                        <option value="51">Electronics</option>
                                                        <option value="78">Televisions</option>
                                                        <option value="80">Cameras & Accessories</option>
                                                    </select>
                                                </label>
                                            </div>

                                            <button type="submit" title="Search"
                                                    class="fa fa-search button-search-pro form-button"></button>
                                        </div>
                                        <div>
                                            <input type="number" name="minPrice" style="width: 120px;height: 20px; background-color: white">
                                            <input type="number" name="maxPrice" style="width: 120px;height: 20px; background-color: white">
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="widget sw_top-3 sw_top pull-left">
                        <div class="widget-inner">
                            <div class="top-form top-form-minicart etrostore-minicart pull-right">
                                <div class="top-minicart-icon pull-right">
                                    <i class="fa fa-shopping-cart"></i>
                                    <a class="cart-contents"
                                       th:href="@{/showCart(userId=${session.user}?${session.user.userId}:pleaseLogin)}"
                                       title="View your shopping cart">
                                        <span class="minicart-number" th:text="${count}?${count}:0"></span>
                                    </a>
                                </div>

                                <div class="wrapp-minicart">
                                    <div class="minicart-padding">
                                        <div class="number-item">
                                            There are <span>items</span> in your cart
                                        </div>

                                        <ul class="minicart-content">
                                            <!--购物车列表-->
                                            <li th:each="cart:${cartList}">
                                                <a href="simple_product.html" class="product-image">
                                                    <img width="100" height="100" src="images/1903/45-150x150.jpg"
                                                         class="attachment-100x100 size-100x100 wp-post-image" alt=""
                                                         srcset="images/1903/45-150x150.jpg 150w, images/1903/45-300x300.jpg 300w, images/1903/45-180x180.jpg 180w, images/1903/45.jpg 600w"
                                                         sizes="(max-width: 100px) 100vw, 100px"/>
                                                </a>

                                                <div class="detail-item">
                                                    <div class="product-details">
                                                        <h4>
                                                            <a class="title-item" href="simple_product.html" >Veniam
                                                                Dolore</a>
                                                        </h4>

                                                        <div class="product-price">
																	<span class="price">
																		<span class="woocommerce-Price-amount amount">
																			<span class="woocommerce-Price-currencySymbol">$</span>190.00
																		</span>
																	</span>

                                                            <div class="qty">
                                                                <span class="qty-number" th:text="${cart.goodsNum}">1</span>
                                                            </div>
                                                        </div>

                                                        <div class="product-action clearfix">
                                                            <a href="/delete?goodsId=1" class="btn-remove"
                                                               title="Remove this item">
                                                                <span class="fa fa-trash-o"></span>
                                                            </a>

                                                            <a class="btn-edit" href="cart.html"
                                                               title="View your shopping cart">
                                                                <span class="fa fa-pencil"></span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>

                                        </ul>

                                        <div class="cart-checkout">
                                            <div class="price-total">
                                                <span class="label-price-total">Total</span>

                                                <span class="price-total-w">
															<span class="price">
																<span class="woocommerce-Price-amount amount">
																	<span class="woocommerce-Price-currencySymbol">$</span>540.00
																</span>
															</span>
														</span>
                                            </div>

                                            <div class="cart-links clearfix">
                                                <div class="cart-link">
                                                    <a  th:href="@{/showCart(userId=${session.user}?${session.user.userId}:pleaseLogin)}" title="Cart">View Cart</a>
                                                </div>

                                                <div class="checkout-link">
                                                    <a href="/toCheckout" title="Check Out">Check Out</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="widget nav_menu-3 widget_nav_menu pull-left">
                        <div class="widget-inner">
                            <ul id="menu-wishlist" class="menu">
                                <li class="menu-wishlist">
                                    <a class="item-link" href="#">
                                        <span class="menu-title">Wishlist</span>
                                    </a>
                                </li>

                                <li class="yith-woocompare-open menu-compare">
                                    <a class="item-link compare" href="#">
                                        <span class="menu-title">Compare</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="header-bottom clearfix">
        <div class="container">
            <div class="rows">
                <!-- Primary navbar -->
                <div id="main-menu" class="main-menu">
                    <nav id="primary-menu" class="primary-menu">
                        <div class="navbar-inner navbar-inverse">
                            <div class="resmenu-container">
                                <button class="navbar-toggle" type="button" data-toggle="collapse"
                                        data-target="#ResMenuprimary_menu">
                                    <span class="sr-only">Categories</span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                </button>

                                <div id="ResMenuprimary_menu" class="collapse menu-responsive-wrapper">
                                    <ul id="menu-primary-menu" class="etrostore_resmenu">
                                        <li><a href="/toindex">Home</a></li>
                                        <li><a th:href="@{/showCart(userId=${session.user}?${session.user.userId}:pleaseLogin)}">Cart</a></li>
                                        <li><a href="/toCheckout">Checkout</a></li>
                                        <li><a href="my_account.html" th:href="@{/my_account}">My Account</a></li>
                                        <li><a href="shop.html">Shop</a></li>
                                        <li><a href="simple_product.html">Simple Product</a></li>
                                        <li><a href="about_us.html">About Us</a></li>
                                        <li><a href="contact_us.html">Contact Us</a></li>
                                    </ul>
                                </div>
                            </div>

                            <ul id="menu-primary-menu-1"
                                class="nav nav-pills nav-mega etrostore-mega etrostore-menures">
                                <li><a href="/toindex">Home</a></li>
                                <li><a th:href="@{/showCart(userId=${session.user}?${session.user.userId}:pleaseLogin)}">Cart</a></li>
                                <li><a href="/toCheckout">Checkout</a></li>
                                <li><a href="my_account.html" th:href="@{my_account}">My Account</a></li>
                                <li><a href="shop.html">Shop</a></li>
                                <li><a href="simple_product.html">Simple Product</a></li>
                                <li><a href="about_us.html">About Us</a></li>
                                <li><a href="contact_us.html">Contact Us</a></li>
                            </ul>
                        </div>
                    </nav>
                </div>
                <!-- /Primary navbar -->

                <div class="top-form top-form-minicart etrostore-minicart pull-right">
                    <div class="top-minicart-icon pull-right">
                        <i class="fa fa-shopping-cart"></i>
                        <a class="cart-contents" th:href="@{/showCart(userId=${session.user}?${session.user.userId}:pleaseLogin)}"
                           title="View your shopping cart">

                            <span class="minicart-number" th:text="${count}?${count}:0"></span>
                        </a>
                    </div>

                    <div class="wrapp-minicart">
                        <div class="minicart-padding">
                            <div class="number-item">
                                There are <span>items</span> in your cart<!--购物车列表-->
                            </div>

                            <ul class="minicart-content">
                                <li th:each="cart:${cartList}">
                                    <a href="simple_product.html" class="product-image">
                                        <img width="100" height="100" src="images/1903/45-150x150.jpg"
                                             class="attachment-100x100 size-100x100 wp-post-image" alt=""
                                             srcset="images/1903/45-150x150.jpg 150w, images/1903/45-300x300.jpg 300w, images/1903/45-180x180.jpg 180w, images/1903/45.jpg 600w"
                                             sizes="(max-width: 100px) 100vw, 100px"/>
                                    </a>

                                    <div class="detail-item">
                                        <div class="product-details">
                                            <h4>
                                                <a class="title-item" href="simple_product.html" >Veniam Dolore</a>
                                            </h4>

                                            <div class="product-price">
														<span class="price">
															<span class="woocommerce-Price-amount amount">
																<span class="woocommerce-Price-currencySymbol">$</span>190.00
															</span>
														</span>

                                                <div class="qty">
                                                    <span class="qty-number" th:text="${cart.goodsNum}">1</span>
                                                </div>
                                            </div>

                                            <div class="product-action clearfix">
                                                <a href="#" class="btn-remove" title="Remove this item">
                                                    <span class="fa fa-trash-o"></span>
                                                </a>

                                                <a class="btn-edit" href="cart.html" title="View your shopping cart">
                                                    <span class="fa fa-pencil"></span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </li>

                            </ul>

                            <div class="cart-checkout">
                                <div class="price-total">
                                    <span class="label-price-total">Total</span>

                                    <span class="price-total-w">
												<span class="price">
													<span class="woocommerce-Price-amount amount">
														<span class="woocommerce-Price-currencySymbol">$</span>540.00
													</span>
												</span>
											</span>
                                </div>

                                <div class="cart-links clearfix">
                                    <div class="cart-link">
                                        <a th:href="@{/showCart(userId=${session.user}?${session.user.userId}:pleaseLogin)}" title="Cart">View Cart</a>
                                    </div>

                                    <div class="checkout-link">
                                        <a href="/toCheckout" title="Check Out">Check Out</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="mid-header pull-right">
                    <div class="widget sw_top">
								<span class="stick-sr">
									<i class="fa fa-search" aria-hidden="true"></i>
								</span>

                        <div class="top-form top-search">
                            <div class="topsearch-entry">
                                <form role="search" method="get" th:action="@{/index/search}">
                                    <label class="hide"></label>
                                    <input type="text" value="" name="keywords" class="search-query"
                                           placeholder="Keyword here..."/>
                                    <button type="submit" class="button-search-pro form-button">Search</button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>

<header id="header2" class="header header-style1" th:fragment="header2">
    <div class="header-top clearfix">
        <div class="container">
            <div class="rows">
                <!-- SIDEBAR TOP MENU -->
                <div class="pull-left top1">
                    <div class="widget text-2 widget_text pull-left">
                        <div class="widget-inner">
                            <div class="textwidget">
                                <div class="call-us"><span>Call Us Now: </span>0123-444-666654123</div>
                            </div>
                        </div>
                    </div>

                    <div class="widget text-3 widget_text pull-left">
                        <div class="widget-inner">
                            <div class="textwidget">
                                <div id="lang_sel">
                                    <ul class="nav">
                                        <li>
                                            <a class="lang_sel_sel icl-en">
                                                <img class="iclflag" title="English" alt="en" src="images/icons/en.png"
                                                     width="18" height="12"/> English
                                            </a>
                                            <ul>
                                                <li class="icl-en">
                                                    <a href="#">
                                                        <img class="iclflag" title="English" alt="en"
                                                             src="images/icons/en.png" width="18" height="12"/> English
                                                    </a>
                                                </li>

                                                <li class="icl-ar">
                                                    <a href="#">
                                                        <img class="iclflag" title="Arabic" alt="ar"
                                                             src="images/icons/ar.png" width="18" height="12"/> Arabic
                                                    </a>
                                                </li>
                                            </ul>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="widget woocommerce_currency_converter-2 widget_currency_converter pull-left">
                        <div class="widget-inner">
                            <form method="post" class="currency_converter" action="">
                                <ul class="currency_w">
                                    <li>
                                        <a href="#" class="">USD</a>
                                        <ul class="currency_switcher">
                                            <li><a href="#" class="reset default active" data-currencycode="USD">USD</a>
                                            </li>
                                            <li><a href="#" class="" data-currencycode="EUR">EUR</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </form>
                        </div>
                    </div>
                </div>

                <div class="wrap-myacc pull-right">
                    <div class="sidebar-account pull-left">
                        <div class="account-title">My account</div>

                        <div id="my-account" class="my-account">
                            <div class="widget-1 widget-first widget nav_menu-4 widget_nav_menu">
                                <div class="widget-inner">
                                    <ul id="menu-my-account" class="menu">
                                        <li class="menu-my-account">
                                            <a class="item-link" href="my_account.html" th:href="@{my_account}">
                                                <span class="menu-title">My Account</span>
                                            </a>
                                        </li>

                                        <li class="menu-cart">
                                            <a class="item-link"  th:href="@{/showCart(userId=${session.user}?${session.user.userId}:pleaseLogin)}">
                                                <span class="menu-title">Cart</span>
                                            </a>
                                        </li>

                                        <li class="menu-checkout">
                                            <a class="item-link" href="/toCheckout">
                                                <span class="menu-title">Checkout</span>
                                            </a>
                                        </li>

                                        <li class="menu-wishlist">
                                            <a class="item-link" href="#">
                                                <span class="menu-title">Wishlist</span>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>

                            <div class="widget-2 widget-last widget sw_top-4 sw_top">
                                <div class="widget-inner">
                                    <div class="top-login">
                                        <div class="div-logined">
                                            <ul>
                                                <li>
                                                    <a href="javascript:void(0);" data-toggle="modal"
                                                       data-target="#login_form">
                                                        <span>Login</span>
                                                    </a>
                                                    <span class="wg">Welcome Guest</span>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="pull-left top2">
                        <div class="widget-1 widget-first widget nav_menu-2 widget_nav_menu">
                            <div class="widget-inner">
                                <ul id="menu-checkout" class="menu">
                                    <li class="menu-checkout">
                                        <a class="item-link" href="/toCheckout">
                                            <span class="menu-title">Checkout</span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="header-mid clearfix">
        <div class="container">
            <div class="rows">
                <!-- LOGO -->
                <div class="etrostore-logo pull-left">
                    <a href="#">
                        <img src="images/icons/logo-orange.png" alt="Shoopy">
                    </a>
                </div>

                <div class="mid-header pull-right">
                    <div class="widget-1 widget-first widget sw_top-2 sw_top">
                        <div class="widget-inner">
                            <div class="top-form top-search">
                                <div class="topsearch-entry">
                                    <form method="get" th:action="@{/index/search}">
                                        <div>
                                            <input type="text" value="" name="keywords" placeholder="Enter your keyword...">
                                            <div class="cat-wrapper">
                                                <label class="label-search">
                                                    <select name="search_category" class="s1_option">
                                                        <option value="">All Categories</option>
                                                        <option value="8">Computers & Laptops</option>
                                                        <option value="13">Computers & Networking</option>
                                                        <option value="14">Smartphones & Tablet</option>
                                                        <option value="15">Home Furniture</option>
                                                        <option value="16">Home Appliances</option>
                                                        <option value="17">Electronic Component</option>
                                                        <option value="18">Household Goods</option>
                                                        <option value="32">Appliances</option>
                                                        <option value="49">Accessories</option>
                                                        <option value="51">Electronics</option>
                                                        <option value="78">Televisions</option>
                                                        <option value="80">Cameras & Accessories</option>
                                                    </select>
                                                </label>
                                            </div>

                                            <button type="submit" title="Search"
                                                    class="fa fa-search button-search-pro form-button"></button>
                                        </div>
                                        <div>
                                            <input type="number" name="minPrice" style="width: 120px;height: 20px; background-color: white">
                                            <input type="number" name="maxPrice" style="width: 120px;height: 20px; background-color: white">
                                        </div>
                                    </form>
                                </div>

                            </div>
                        </div>
                    </div>

                    <div class="widget sw_top-3 sw_top pull-left">
                        <div class="widget-inner">
                            <div class="top-form top-form-minicart etrostore-minicart pull-right">
                                <div class="top-minicart-icon pull-right">
                                    <i class="fa fa-shopping-cart"></i>
                                    <a class="cart-contents"
                                       th:href="@{/showCart(userId=${session.user}?${session.user.userId}:pleaseLogin)}"
                                       title="View your shopping cart">
                                        <span class="minicart-number" th:text="${count}?${count}:0"></span>
                                    </a>
                                </div>

                                <div class="wrapp-minicart">
                                    <div class="minicart-padding">
                                        <div class="number-item">
                                            There are <span>items</span> in your cart
                                        </div>

                                        <ul class="minicart-content">
                                            <!--购物车列表-->
                                            <li th:each="cart:${cartList}">
                                                <a href="simple_product.html" class="product-image">
                                                    <img width="100" height="100" src="images/1903/45-150x150.jpg"
                                                         class="attachment-100x100 size-100x100 wp-post-image" alt=""
                                                         srcset="images/1903/45-150x150.jpg 150w, images/1903/45-300x300.jpg 300w, images/1903/45-180x180.jpg 180w, images/1903/45.jpg 600w"
                                                         sizes="(max-width: 100px) 100vw, 100px"/>
                                                </a>

                                                <div class="detail-item">
                                                    <div class="product-details">
                                                        <h4>
                                                            <a class="title-item" href="simple_product.html">Veniam
                                                                Dolore</a>
                                                        </h4>

                                                        <div class="product-price">
																	<span class="price">
																		<span class="woocommerce-Price-amount amount">
																			<span class="woocommerce-Price-currencySymbol">$</span>190.00
																		</span>
																	</span>

                                                            <div class="qty">
                                                                <span class="qty-number">1</span>
                                                            </div>
                                                        </div>

                                                        <div class="product-action clearfix">
                                                            <a href="/delete?goodsId=1" class="btn-remove"
                                                               title="Remove this item">
                                                                <span class="fa fa-trash-o"></span>
                                                            </a>

                                                            <a class="btn-edit" href="cart.html"
                                                               title="View your shopping cart">
                                                                <span class="fa fa-pencil"></span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>

                                        </ul>

                                        <div class="cart-checkout">
                                            <div class="price-total">
                                                <span class="label-price-total">Total</span>

                                                <span class="price-total-w">
															<span class="price">
																<span class="woocommerce-Price-amount amount">
																	<span class="woocommerce-Price-currencySymbol">$</span>540.00
																</span>
															</span>
														</span>
                                            </div>

                                            <div class="cart-links clearfix">
                                                <div class="cart-link">
                                                    <a  th:href="@{/showCart(userId=${session.user}?${session.user.userId}:pleaseLogin)}" title="Cart">View Cart</a>
                                                </div>

                                                <div class="checkout-link">
                                                    <a href="/toCheckout" title="Check Out">Check Out</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="widget nav_menu-3 widget_nav_menu pull-left">
                        <div class="widget-inner">
                            <ul id="menu-wishlist" class="menu">
                                <li class="menu-wishlist">
                                    <a class="item-link" href="#">
                                        <span class="menu-title">Wishlist</span>
                                    </a>
                                </li>

                                <li class="yith-woocompare-open menu-compare">
                                    <a class="item-link compare" href="#">
                                        <span class="menu-title">Compare</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="header-bottom clearfix">
        <div class="container">
            <div class="rows">
                <!-- Primary navbar -->
                <div id="main-menu" class="main-menu">
                    <nav id="primary-menu" class="primary-menu">
                        <div class="navbar-inner navbar-inverse">
                            <div class="resmenu-container">
                                <button class="navbar-toggle" type="button" data-toggle="collapse"
                                        data-target="#ResMenuprimary_menu">
                                    <span class="sr-only">Categories</span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                </button>

                                <div id="ResMenuprimary_menu" class="collapse menu-responsive-wrapper">
                                    <ul id="menu-primary-menu" class="etrostore_resmenu">
                                        <li><a href="/toindex">Home</a></li>
                                        <li><a th:href="@{/showCart(userId=${session.user}?${session.user.userId}:pleaseLogin)}">Cart</a></li>
                                        <li><a href="/toCheckout">Checkout</a></li>
                                        <li><a href="my_account.html" th:href="@{/my_account}">My Account</a></li>
                                        <li><a href="shop.html">Shop</a></li>
                                        <li><a href="simple_product.html">Simple Product</a></li>
                                        <li><a href="about_us.html">About Us</a></li>
                                        <li><a href="contact_us.html">Contact Us</a></li>
                                    </ul>
                                </div>
                            </div>

                            <ul id="menu-primary-menu-1"
                                class="nav nav-pills nav-mega etrostore-mega etrostore-menures">
                                <li><a href="/toindex">Home</a></li>
                                <li><a th:href="@{/showCart(userId=${session.user}?${session.user.userId}:pleaseLogin)}">Cart</a></li>
                                <li><a href="/toCheckout">Checkout</a></li>
                                <li><a href="my_account.html" th:href="@{/my_account}">My Account</a></li>
                                <li><a href="shop.html">Shop</a></li>
                                <li><a href="simple_product.html">Simple Product</a></li>
                                <li><a href="about_us.html">About Us</a></li>
                                <li><a href="contact_us.html">Contact Us</a></li>
                            </ul>
                        </div>
                    </nav>
                </div>
                <!-- /Primary navbar -->

                <div class="top-form top-form-minicart etrostore-minicart pull-right">
                    <div class="top-minicart-icon pull-right">
                        <i class="fa fa-shopping-cart"></i>
                        <a class="cart-contents" th:href="@{/showCart(userId=${session.user}?${session.user.userId}:pleaseLogin)}"
                           title="View your shopping cart">

                            <span class="minicart-number" th:text="${count}?${count}:0"></span>
                        </a>
                    </div>

                    <div class="wrapp-minicart">
                        <div class="minicart-padding">
                            <div class="number-item">
                                There are <span>items</span> in your cart<!--购物车列表-->
                            </div>

                            <ul class="minicart-content">
                                <li th:each="cart:${cartList}">
                                    <a href="simple_product.html" class="product-image">
                                        <img width="100" height="100" src="images/1903/45-150x150.jpg"
                                             class="attachment-100x100 size-100x100 wp-post-image" alt=""
                                             srcset="images/1903/45-150x150.jpg 150w, images/1903/45-300x300.jpg 300w, images/1903/45-180x180.jpg 180w, images/1903/45.jpg 600w"
                                             sizes="(max-width: 100px) 100vw, 100px"/>
                                    </a>

                                    <div class="detail-item">
                                        <div class="product-details">
                                            <h4>
                                                <a class="title-item" href="simple_product.html">Veniam Dolore</a>
                                            </h4>

                                            <div class="product-price">
														<span class="price">
															<span class="woocommerce-Price-amount amount">
																<span class="woocommerce-Price-currencySymbol">$</span>190.00
															</span>
														</span>

                                                <div class="qty">
                                                    <span class="qty-number">1</span>
                                                </div>
                                            </div>

                                            <div class="product-action clearfix">
                                                <a href="#" class="btn-remove" title="Remove this item">
                                                    <span class="fa fa-trash-o"></span>
                                                </a>

                                                <a class="btn-edit" href="cart.html" title="View your shopping cart">
                                                    <span class="fa fa-pencil"></span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </li>

                            </ul>

                            <div class="cart-checkout">
                                <div class="price-total">
                                    <span class="label-price-total">Total</span>

                                    <span class="price-total-w">
												<span class="price">
													<span class="woocommerce-Price-amount amount">
														<span class="woocommerce-Price-currencySymbol">$</span>540.00
													</span>
												</span>
											</span>
                                </div>

                                <div class="cart-links clearfix">
                                    <div class="cart-link">
                                        <a  th:href="@{/showCart(userId=${session.user}?${session.user.userId}:pleaseLogin)}" title="Cart">View Cart</a>
                                    </div>

                                    <div class="checkout-link">
                                        <a href="/toCheckout" title="Check Out">Check Out</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="mid-header pull-right">
                    <div class="widget sw_top">
								<span class="stick-sr">
									<i class="fa fa-search" aria-hidden="true"></i>
								</span>

                        <div class="top-form top-search">
                            <div class="topsearch-entry">
                                <form method="get" th:action="@{/index/search}">
                                    <label class="hide"></label>
                                    <input type="text" value="" name="keywords" class="search-query"
                                           placeholder="Keyword here..."/>
                                    <button type="submit" class="button-search-pro form-button">Search</button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>


</html>